<!DOCTYPE html>
<html class="x-admin-sm" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8">
    <title>用户列表</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <link rel="stylesheet" href="../../static/css/font.css">
    <link rel="stylesheet" href="../../static/css/index.css">
    <script type="text/javascript" src="../../static/lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="../../static/js/index.js"></script>

</head>

<body>
    <div class="x-nav">
        <span class="layui-breadcrumb">
        <a>
          <cite>展示全部用户</cite></a>
      </span>
        <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" onclick="location.reload()" title="刷新">
            <i class="layui-icon layui-icon-refresh" style="line-height:30px"></i></a>
    </div>
    <div class="layui-fluid">
        <div class="layui-row layui-col-space15">
            <div class="layui-col-md12">
                <div class="layui-card">
<!--                    <div class="layui-card-body ">-->
<!--                        <form class="layui-form layui-col-space5">-->


<!--                            <div class="layui-inline layui-show-xs-block">-->
<!--                            </div>-->
<!--                        </form>-->
<!--                    </div>-->
                    <div class="layui-card-header">
                    </div>
                    <div class="layui-card-body ">
                        <table class="layui-table layui-form">
                            <thead>
                                <tr>

                                    <th>
                                        用户编号
                                    </th>
                                    <th>
                                        用户名
                                    </th>
                                    <th>
                                        性别
                                    </th>
                                    <th>
                                        出生日期
                                    </th>
                                    <th>
                                        用户类型
                                    </th>
                                </tr>
                            </thead>

                            <tbody>
                                <tr th:each="list:${msg}">

                                    <td th:text="${list.getUser_id()}">
                                        1
                                    </td>
                                    <td th:text="${list.getUser_name()}">
                                        张三
                                    </td>
                                    <td th:text="${list.getUser_sex()}">
                                        男
                                    </td>
                                    <td  th:text="${list.getUser_birth()}">
                                        1111111111
                                    </td>
                                    <td th:text="${list.getUser_type()}">
                                        123456@mail.com
                                    </td>

                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="layui-card-body ">
                        <div class="page">
                            <div>
                                <a class="prev" href="">&lt;&lt;</a>
                                <span class="current">1</span>
                                <a class="num" href="">2</a>

                                <a class="num" href="">3</a>
                                <a class="next" href="">&gt;&gt;</a></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script>
        layui.use(['laydate', 'form'], function() {
            var laydate = layui.laydate;

            //执行一个laydate实例
            laydate.render({
                elem: '#start' //指定元素
            });

            //执行一个laydate实例
            laydate.render({
                elem: '#end' //指定元素
            });
        });


        /*用户-删除*/
        function member_del(obj, id) {
            layer.confirm('确认要删除吗？', function(index) {
                //发异步删除数据
                $(obj).parents("tr").remove();
                layer.msg('已删除!', {
                    icon: 1,
                    time: 1000
                });
            });
        }



        function delAll(argument) {

            var data = tableCheck.getData();

            layer.confirm('确认要恢复吗？' + data, function(index) {
                //捉到所有被选中的，发异步进行删除
                layer.msg('恢复成功', {
                    icon: 1
                });
                $(".layui-form-checked").not('.header').parents('tr').remove();
            });
        }
    </script>
    <script>
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?b393d153aeb26b46e9431fabaf0f6190";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
</body>

</html>